<!DOCTYPE html>

<html>
    <head>
        <title>#{get 'title' /}</title>
        <meta charset="${_response_encoding}">
        <link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/main.css'}">
        #{get 'moreStyles' /}
        <link rel="shortcut icon" type="image/png" href="@{'/public/images/favicon.png'}">
        <script src="@{'/public/javascripts/jquery-1.6.2.min.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        <script src="@{'/public/javascripts/jquery-ui-1.8.16.custom.min.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        <script src="@{'/public/javascripts/jquery.ui.datepicker-fr.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        <script src="@{'/public/javascripts/bootstrap.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        #{get 'moreScripts' /}
    </head>
    <body>
    	<div id="maintitle">
    		<img src="@{'/public/images/title.jpg'}">
    	</div>
    	*{<div id="mainmenu">
        	<ul class="menuroot">
        		<li><a>test 1</a></li>
        		<li><a href="@{bookmngt.displaylist}">Livres</a></li>
        		<li><a href="@{cartoonmngt.displaylist}">BDs</a></li>
        		<li><a href="@{readingsheetmngt.displaylist}">Fiches de lecture</a></li>
        		<li><a href="@{Secure.logout}">Déconnexion</a></li>
	        </ul>
        </div>}*
    	<div class="nav-container-outer">
		   <img src="@{'/public/images/menu/nav-bg-l.jpg'}" alt="" class="float-left" />
		   <img src="@{'/public/images/menu/nav-bg-r.jpg'}" alt="" class="float-right" />
		   <ul id="nav-container" class="nav-container">
		      <li><a class="item-primary" href="">test</a></li>
		      <li><span class="divider divider-vert" /></li>
		      <li><a class="item-primary" href="@{bookmngt.displaylist}">Livres</a></li>
		      <li><span class="divider divider-vert" /></li>
		      <li><a class="item-primary" href="@{cartoonmngt.displaylist}">BDs</a></li>
		      <li><span class="divider divider-vert" /></li>
		      <li><a class="item-primary" href="@{readingsheetmngt.displaylist}">Fiches de lecture</a></li>
		      <li><span class="divider divider-vert" /></li>
		      <li><a class="item-primary" href="@{wantmngt.displaylist}">Liste d'envie</a></li>
		      <li><span class="divider divider-vert" /></li>
		      <li><a class="item-primary" href="@{importmngt.home}">Importer</a></li>
		      <li><span class="divider divider-vert" /></li>
		      <li><a class="item-primary" href="@{Secure.logout}">Déconnexion</a></li>
		      <li><span class="divider divider-vert" /></li>
		      <li><a class="item-primary" href="@{about.index}">A propos</a></li>
		      <li><span class="divider divider-vert" /></li>
		      <li class="clear">&nbsp;</li>
		   </ul>
		</div>
    	
        <div id="maincontent">
        	#{doLayout /}
        </div>
        
        <div id="footer"></div>
    </body>
</html>
